<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="img/小树.png">
    <meta charset="UTF-8">
    <title>毕业设计管理登录</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="jquery-3.5.1.js"></script>
    <script>
        $(document).ready(function () {
            $("#loginDiv").mouseenter(function(){
                $("#loginDiv").css("opacity","1");
            });

            $("#loginDiv").mouseleave(function(){
                $("#loginDiv").css("opacity","0.7");
            });
        });

        // function f1() {
        //     var name = document.getElementById("name").value;
        //     var res = /^[A-Za-z0-9]+$/.test(name);
        //     if (!res){
        //         alert("请合法输入（字母和数字）");
        //         return false;
        //     }
        // }
        // function sub() {
        //     f1()
        // }
    </script>
    <style>
        body{
            background: url("09.jpg ") no-repeat;
            background-size: 100% 100%;

        }

        #loginDiv{
            background-image: url("00.jpeg");
            background-size: 100% 100%;
            background-repeat: no-repeat;
            text-align: center;/*让div内容居中*/
            padding-top: 30px;
            border-radius:30px ;
            opacity: 0.7;
            margin-top: 110px;
            height:544px;
            margin-bottom: 68px;
            width: 500px;
			background-color: white;
        }
        #name{
            border:solid pink;
            width: 326px;
            height: 45px;
            border-radius:5px ;
            margin-left: -30px;/*让文本框左移*/
            background-color: transparent;
            padding-left: 30px;/*文本框左边内边距加大*/
            color: black;
            font-weight: 700;
            font-size: 18px;
        }
        #upsw{
            border:solid pink;
            width: 326px;
            height: 45px;
            border-radius:5px ;
            margin-left: -30px;/*让文本框左移*/
            background-color: transparent;
            padding-left: 30px;/*文本框左边内边距加大*/
            margin-top: 15px;
            color: black;
			font-size: 18px;
			font-weight: 700;
        }
        #loginBtn{
            width: 250px;
            height: 45px;
            background-color: palevioletred;
            color: white;
            border-radius:5px ;
            border: none;
            margin-top: 25px;
            font-size: 20px;
            margin-bottom: 20px;
            margin-left: 15px;
        }
        img{
            margin-left: 10px;
            border-radius: 50%;
        }
        #dev{
            text-align: center;
            margin-top: 20px;
            font-size: 12px;
            margin-left: 20px;
            font-size: 20px;
            font-weight: 700;
        }

        h2{
            font-weight: 800;
            margin-top: -5px;
        }
        #kj{
            margin-left: 0px;
            border-radius: 50%;
            margin-top: -10px;
        }
        #lcv{
            margin-left: 30px;
        }
        #erw{
            margin-left: 30px;
        }
    </style>
</head>
<body  style="background-color: royalblue;">


<div id="loginDiv" class="center-block">
    <img src="img/kjdx.png"width="78px" height="78px" id="kj">
    <img src="img/22.png" width="350px" height="100px">
    <h2 >毕业设计管理系统</h2>
    <img src="img/13.png" width="20" height="25">
    <input type="text" id="name"  name="num" placeholder="请输入用户名" onblur="f1()"><br>
    <img src="img/15.png" width="20" height="25">
    <input type="password" id="upsw" placeholder="请输入密码"><br>
    <a href="http://job.tyust.edu.cn/"><button id="loginBtn" value="提交" onclick="sub();">登&nbsp&nbsp&nbsp录</button></a><br>
    <a href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&response_type=code&redirect_uri=http%3A%2F%2Fspcdp.cdposs.qq.com%2Fauth%2Fcallback&client_id=101477813&state=http%3A%2F%2Fspcdp.cdposs.qq.com%2F"><img src="img/QQ2.png" width="50px" height="50px" clss="L"></a>
    <a href="https://wx.qq.com/"><img src="img/微信2.png" width="50px" height="50px" id="erw"></a>
    <a  href="https://weibo.com/"  ><img src="img/微博2.png"width="50px" height="50px" id="lcv"></a>
    <br>
    <div id="dev">
        开发者：太原科技大学  &nbsp; &nbsp;薛凯予<br>
        技术支持：英才汇硕信息科技有限公司
    </div>

</div>
</body>
</html>